/*
*shop-cc = shop-checkoutcounter
*收银台页面 
*杨洪强
*/
@import "../lib/base.less";
.shop-cc > .shop-header{width: 100%; border-bottom: 2px solid #e64545; height: 128px;}
.shop-cc .shop-header-in{width: 1200px; height: 128px; margin: 0 auto;}

.shop-cc .shop-logo-text{font-size: 24px; color: #666; border-left: 1px solid #e1e1e1; float: right; margin-top: 23px; padding-left: 15px; margin-left: 11px; height: 43px; line-height: 43px;}
.shop-cc .shop-logo{float: left; margin-top: 27px;}
.shop-cc .shop-logo img{width: 155px;}

.shop-cc .shop-header-user{float: right;height: 22px; margin-top: 61px; margin-right: 30px; color: #666;}
.shop-cc .shop-header-user span a{color: #666666;}
.shop-cc .shop-header-user .shop-header-user-order{padding-left: 20px; color: #7a7a7a;}

.shop-cc > .shop-main{width: 1200px;margin: 0 auto;margin-top: 45px;overflow: hidden;padding-bottom: 85px;background-color: #ffffff;
    >.shop-top{background-color: #ffffff;width: 1198px;height: 138px;background-color: #f8f8f8;border: 1px solid #e1e1e1;
        >.shop-img{background-image: url("@{imgRoot}/shop_web_right02.png");width: 54px;height: 54px;float: left;margin: 42px 0 0 30px;}
        >.shop-content{float: left;margin: 0 0 0 12px;
            >.shop-top{font-size: 20px;line-height: 20px;height: 20px;background-color: #f8f8f8;color: #333333;font-weight: 600;margin: 45px 0 0 0;}
            >.shop-bottom{font-size: 14px;line-height: 14px;margin: 16px 0 0 0;
                >span{color: #e64545;}
            }
        }
        >.shop-amount{float: right;margin: 60px 30px 0 0;
            >div{float: left;}
            >.shop-num{color: #e64545;font-size: 18px;font-weight: 900;line-height: 18px}
            >.shop-text{font-size: 14px;line-height: 14px;margin: 4px 0 0 0;}
        }
    }
    >.shop-bottom{margin: 22px 0 0 0;
        >.shop-title{height: 54px;line-height: 54px;font-size: 18px;}
        >.shop-header{height: 40px;

            >.shop-item{width: 98px;height: 38px;border: 1px solid #e1e1e1;text-align: center;line-height: 38px;font-size: 14px;border-bottom: none;background-color: #f5f5f5;}
        }
        >.shop-main{border: 1px solid #e1e1e1;width: 1198px;height: 192px;
            >.shop-payment-method{overflow: hidden;padding: 20px 0 0 29px;
                >div{width: 198px;height: 66px;float: left;border: 1px solid #e6e6e6;text-align: center;position: relative;background-repeat: no-repeat;background-position: center;cursor: pointer;margin: 0 15px 0 0;
                    >.shop-hook{background-image: url("@{imgRoot}/shop-itm.png");width: 15px;height: 15px;position: absolute;bottom: 0;right: 0;display: none;}
                }
                >.shop-selected{border-color: #e64545;
                    >.shop-hook{display: block;}
                }
                >.shop-weChat-scan-code{background-image: url("@{imgRoot}/shop_ico_wechat02.png");}
                >.shop-alipay-scan-code{background-image: url("@{imgRoot}/shop_ico_alipay02.png")}
                >.shop-we-chat{background-image: url("@{imgRoot}/shop_ico_alipay03.png");position: relative;
                    >form>button{position: absolute;width: 198px;height: 66px;top: 0;left: 0;}
                }
            }
            >.shop-pay{margin: 30px 0 0 29px;
                button{background-color: #e64545;color: #ffffff;width: 140px;height: 45px;border-radius: 3px;cursor: pointer;}
            } 
             
        }
    }
}
.shop-cc {
    > .shop-pop-ups{display: none;
        >.shop-mask{width: 100%;height: 100%;background-color: #adadad;opacity: .5;position: fixed;top: 0;left: 0;}
        >.shop-pop-ups-in{width: 600px;height: 420px;position: fixed;top: 50%;left: 50%;border: 4px solid #8a8a8a;margin: -210px 0 0 -300px;background-color: #ffffff;opacity: 1;
            >.shop-header{height: 49px;width: 560px;margin: 0 auto;border-bottom: 1px solid #e1e1e1;line-height: 60px;font-size: 14px;text-indent: 14px;
                >.shop-shut-down{float: right;background-image: url("@{imgRoot}/cancel.png");width: 10px;height: 10px;margin: 15px -8px 0 0;cursor: pointer;}
                >div>.shop-alipay{display: none;}
            }
            >.shop-main{padding: 31px 0 0 0;
                >.shop-price{text-align: center;color: #e64545;font-size: 18px;font-weight: 600;line-height: 18px;margin: 0 0 20px 0;}
                >.shop-code{width: 198px;height: 198px;border: 1px solid #e6e6e6;border-bottom: none;margin: 0 auto;
                    >img{max-width: 100%;max-height: 100%;border: none;outline: none;}
                }
                >.shop-text{width: 200px;margin: 0 auto;text-align: center;height: 35px;background-color: #00aa00;color: #ffffff;line-height: 14px;padding: 8px 0 0 0;
                    >p>.shop-alipay{display: none;}
                }
            }
        }
        
    }
    >.shop-pop-ups-alipay{
        >.shop-pop-ups-in{
            >.shop-header{
                >div{
                    .shop-alipay{display: initial;}
                    .shop-we-chat{display: none;}
                }
            }
            >.shop-main{
                >.shop-text{background-color: #00aaef;
                    >p{
                        >.shop-alipay{display: initial;}
                        >.shop-we-chat{display: none;}
                    }
                }
            }
        }
    }
}







.shop-cc .shop-main-top{ border-bottom: 1px solid #e1e1e1;overflow: hidden;padding-bottom: 43px;

}
.shop-cc .shop-main-top .shop-commodity{float: left; font-size: 14px; margin-left: 30px; margin-top: 62px;}
.shop-cc .shop-main-top .shop-product-name{color: #333333;}
.shop-cc .shop-main-top .shop-commodity .shop-beneficiary{margin-top: 4px; font-weight: 300;}

.shop-cc .shop-amount-all{float: right; color: #666; margin-right: 30px; margin-top: 53px;overflow: hidden;}
.shop-cc .shop-amount-all > p {overflow: hidden;height: 24px;float: right;}
.shop-cc .shop-amount-all > p > .shop-left{float: left;margin-top: 12px;line-height: 12px}
.shop-cc .shop-amount-all > p > .shop-right{color: #e64545; font-size: 24px; font-weight: 700; margin-left: 5px;float: right;line-height: 24px}
.shop-cc .shop-amount-all > .show-details{cursor:pointer;text-align: right; margin-top: 21px;color: #999;float: none;clear:both;}
.shop-cc .show-details img{margin-left: 5px;}

.shop-cc .shop-main-bottom > p{font-size: 18px; margin-left: 29px; margin-top: 35px; color: #333333;}
.shop-cc .shop-main-bottom > p .shop-we-chat{display: none;}



.shop-we-chat > p > .shop-alipay{display: none;}
.shop-cc .shop-we-chat > p > .shop-we-chat{display: inline;}
.shop-cc .shop-main-bottom > div > .show-shop-qr-code{margin-left: 350px; margin-top: 48px; float: left; position: relative;outline: #eaeaea solid 1px;width: 232px;height: 281px;background-image: url(../../images/static/shop_Alipay_code.png)}
.shop-cc .shop-we-chat > div > .show-shop-qr-code{background-image: url(../../images/static/shop_qr_code.png)}
.shop-cc .shop-main-bottom > div > .show-shop-qr-code .shop-Pay{position: absolute;width: 232px;height: 232px;top: 0;}
.shop-cc .shop-main-bottom > div > .show-shop-mobile-phone{float: right; margin-top: 31px; margin-right: 240px;}
.shop-cc .shop-main-bottom > div > .show-shop-mobile-phone span{display: inline-block;width: 265px; height: 308px;}
.shop-cc .shop-main-bottom > div > .show-shop-mobile-phone .shop-prompt{background-image: url(../../images/static/AlipayTips.png);}
.shop-cc .shop-we-chat > div > .show-shop-mobile-phone .shop-prompt{background-image: url(../../images/static/shop_mobile_phone.png);}
.shop-cc .shop-main-bottom > div > .show-shop-mobile-phone .alipay{}
.shop-cc .show-shop-qr-code > div{font-size: 12px; color: #fff; position: absolute; top: 238px; left: 50%; text-align: center;width: 140px;width: 140px;margin-left: -70px;}
.shop-cc .show-shop-qr-code > div .shop-we-chat{display: none;}

.shop-cc .shop-main .shop-orders{clear: both;color: #747474;padding: 43px 30px 0 30px;display: none;overflow: hidden;}
.shop-cc .shop-main .shop-orders .shop-header{height: 40px;line-height: 40px;background-color: #f5f5f5;padding:0 20px 0 20px;width: auto;}
.shop-cc .shop-main .shop-orders .shop-pagination .shop-items{display: none;}
.shop-cc .shop-main .shop-orders .shop-pagination .shop-items-selected{display: block;}
.col1 , .col2 , .col3 , .col4 , .col5{display: inline-block;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.shop-cc .shop-main .shop-orders .col1{width: 221px;}
.shop-cc .shop-main .shop-orders .col2{width: 219px;}
.shop-cc .shop-main .shop-orders .col3{width: 220px;}
.shop-cc .shop-main .shop-orders .col4{width: 221px;}
.shop-cc .shop-main .shop-orders .col5{}
.shop-cc .shop-main .shop-orders .shop-items .shop-item{padding: 0 20px 0 20px;line-height: 39px;border-bottom: 1px dashed #e5e5e5;height: 39px;}
.shop-cc .shop-main .shop-orders .shop-items .shop-last{border-bottom-style: solid;}
.shop-cc .shop-main .shop-orders .shop-pagination-element{padding: 0 20px 0 20px;}
.shop-cc .shop-main .shop-orders .shop-pagination-element span{width: 18px;display: inline-block;line-height: 38px;cursor:pointer;}
.shop-cc .shop-main .shop-orders .shop-pagination-element .shop-selected{color: #e64545;}